// 该模块 用于保存个人信息的模块
import { login, getUserInfo } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { employeesInfo } from '@/api/employees'
export default {
  // 命名空间  使得mutations和actions中声明的函数变为
  //  “局部”函数，必须通过当前模块名才能访问
  namespaced: true,
  state: {
    token: getToken(), // 从cookie中获取
    userInfo: {} // 保存用户信息
  },
  mutations: {
    // mutations中的函数默认能够接收到第一个参数为state
    // 这个state指的是当前模块中的state
    set_token(state, token) {
      state.token = token
      // 数据持久化
      setToken(token)
      // 保存登录的时间戳
      localStorage.setItem('loginTime', Date.now())
    },
    // 保存个人信息
    set_userInfo(state, info) {
      state.userInfo = info
    },
    // 移除token
    remove_Token(state) {
      state.token = ''
      // 清除cookie中的token
      removeToken()
    },
    // 移除用户信息
    remove_userInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // 调用登录接口，获取token
    // 为什么要把登录接口放到这里来调用呢？
    // 答：统一把登录逻辑放到同一个地方，方便后期维护
    // 一定要写在这里吗 ？答：不是，这只是其中一种方式而已
    // 注意：在vuex中异步代码必须在actions中调用
    async login(context, data) {
      const res = await login(data)
      context.commit('set_token', res.data.data)
    },
    // 调用接口 获取用户信息
    async getUserInfo(context) {
      // 获取用名
      const res = await getUserInfo()
      console.log(res, res.data.data)
      // 获取头像
      const result = await employeesInfo(res.data.data.userId)
      context.commit('set_userInfo', { ...res.data.data, ...result.data.data })
    },
    // 退出登录 -- 移除token和用户信息
    logout(context) {
      // 问题：为什么要把清除token和userInfo分开写，能不能写在一起?
      // 答：可以写在一起
      // 这里为什么要分开写呢？
      // 答：这里主要是考虑到功能扩展的问题，将来有可能需要单独删除用户信息或者token的情况
      // 这种情况下分开写更加灵活。
      context.commit('remove_Token')
      context.commit('remove_userInfo')
    }
  }
}
